<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:jsf="http://xmlns.jcp.org/jsf"
                xmlns:f="http://xmlns.jcp.org/jsf/core"
                xmlns:h="http://xmlns.jcp.org/jsf/html"
                xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
                xmlns:p="http://primefaces.org/ui"
                xmlns:o="http://omnifaces.org/ui">

    <div align="center">
        <p:panel header="Inicio" style="border:none;">
            <!-- contenido WEB -->

            <h:form>
                <h:panelGrid columns="2">
                    <h:panelGrid>
                        <p:commandButton value="&lArr; Regresar a la Tabla" 
                                         update=":panelPrincipalId">
                            <f:setPropertyActionListener value="./pages/content/business_associate/view_associate.xhtml"
                                                         target="#{navigationBean.navigationContent}"/>
                        </p:commandButton>
                    </h:panelGrid>
                   
                </h:panelGrid>
            </h:form>

            <p:pieChart id="custom" value="#{reportBean.pieChartModel}" legendPosition="e" 
                        fill="false" showDataLabels="true" dataFormat="value"
                        title="Total de Carnet's Emitidos: #{reportBean.totalCardEmited} en #{businessAssociateBean.yearBusinessSearch}" 
                        style="width:400px;height:300px;font-size: 16px;" 
                        sliceMargin="5" diameter="150" />  
        </p:panel>
    </div>

</ui:composition>

